<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" charset="UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title>优当借书网</title>


<link rel="stylesheet" href="css/acdet.css">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/acdet.js"></script>
<!-- 弹出页面 -->
</head>
<body>
<!-- 顶部展示图 -->
  <div class="top">
    <img class="bkg" src="images/active/cai_1.jpg" alt="">
    <a href="active.html"><img src="images/active/back.png" class="back" alt=""></a>
  </div>
<!-- 活动主题 -->
  <div class="tit">
    <h4>这是一个活动详情页面关于活动详情的介绍这是一个活动页面</h4>
    <span>2017-3-24</span>
  </div>
<!-- 活动介绍 -->
  <div class="notice">
      <ul>
        <li> 
        <span>活动时间</span>
        <span>03-25 12:00--03-26 12:00</span>
        </li>
        <li> 
        <span>活动地址</span>
        <span class="address" >江苏省徐州市鼓楼区黄河北路90号淮海文化科技产业园</span>
        </li>
        <li> 
        <span>活动名额</span>
        <span>已报名25人/限30人报名</span>
        </li>
        <li> 
        <span>所需费用</span>
        <span class="cost">50元/人</span>
        </li>
      </ul>   
  </div>
<!-- 介绍结束 -->
  <div class="main">
      <img src="images/active/tou.png" alt="">
      <p class="word1">优当借书网主办
      <span>主办方</span></p>
      <p class="word2">优当借书网由徐州万创网络科技有限公司主办，开展“网上借书、送书到家”…………</p>
    <div class="three">
      <div class="ico1">+关注</div>
      <div class="ico1">联系他</div>
      <div class="ico1">关于主办方</div>
    </div>
  </div>

  <div class="outint">
    <div class="intrad opend">
    <span class="title_one">活动介绍</span>
    <h4>这是一个活动详情页面的介绍这是一个活动详情页面的介绍</h4>
    <p>优当借书网由徐州万创网络科技有限公司主办，开展网上借书、送书到家。用户可以在平台上选择想要借去的类型的书，每天16:00之后的隔日达。<br/>一、省时省力，不用东奔西跑<br/>二、操作简单，几分钟即可完成在线借书<br/>三、节约购书成本，减少生活支出<br/>四、足不出户，坐拥自己的图书馆<br/>公司地址：淮海文化科技产业园A3座1楼
    优当借书网由徐州万创网络科技有限公司主办，开展网上借书、送书到家。用户可以在平台上选择想要借去的类型的书，每天16:00之后的隔日达。<br/>一、省时省力，不用东奔西跑<br/>二、操作简单，几分钟即可完成在线借书<br/>三、节约购书成本，减少生活支出<br/>四、足不出户，坐拥自己的图书馆<br/>公司地址：淮海文化科技产业园A3座1楼
    </p>
    </div>
    <!-- 展开 -->
    <div class="zankai">
      <span class="more">
        展开更多
      </span>
        <img src="images/active/down.png" id="im_1" alt="" />
        <img src="images/active/up.png" id="im_2" style="display: none;" />
    </div>
    <!-- 结束 -->
  </div>


  <!-- 已报名 -->
  <div class="enroll">
  <!-- 报名顶部 -->
    <div class="en_title">
     <h4>已报名（30）</h4>
     <a href="enroll.html">
     <div class="moren">
        <span>更多报名</span>
        <img src="images/active/toal.png" alt="">
     </div>
     </a>
    </div>
    <!-- 报名人员 -->
    <ul class="mem">
      <li><img src="images/active/tou.png" alt=""><span>小王</span></li>
      <li><img src="images/active/tou.png" alt=""><span>小李</span></li>
      <li><img src="images/active/tou.png" alt=""><span>小刘</span></li>
      <li><img src="images/active/tou.png" alt=""><span>小张</span></li>
      <li><img src="images/active/tou.png" alt=""><span>小赵</span></li>
    </ul>
  </div>
  <!-- 报名结束 -->

  <!-- 讨论 -->
<div class="enroll_2">
    <div class="en_title">
     <h4>讨论（10）</h4>
     <div class="moren" id="taolun">
        <span>我要讨论</span>
     </div>
    </div>
    <!-- 讨论情况 -->

    <!-- 弹出页面开始 -->
<div id="district_back" class="district_cho" onclick="closeme()"></div> 
  <div id="district_f"  class="district_cho">
    <div class="outan">
      <span class="sp1">取消</span>
      <span class="sp2">我要讨论</span>
      <input type="button" value="评论" class="sp3" id="button" onclick="add()" style="border: none;background-color: #fff;" />
    </div>
    <textarea name="" id="txt" class="txt" cols="20" rows="7" placeholder="说点什么吧"></textarea>
  </div>
<!-- <div class="zhankai"> -->
  <ul class="com open" id="com">
   <li>
      <img src="images/active/tou.png" alt="" />
      <span>小王</span>
     <p>优当借书网由徐州万创网络科技有限公司主办，开展“网上借书，送书到家”。优当借书网由徐州万创网络科技.</p>
     <span class="time">2017-3-24-13:15</span>
  </li>
  <li>
      <img src="images/active/tou.png" alt="" />
      <span>小王</span>
     <p>优当借书网由徐州万创网络科技有限公司主办，开展“网上借书，送书到家”。优当借书网由徐州万创网络科技.</p>
     <span class="time">2017-3-24-13:15</span>
  </li>
  <li>
      <img src="images/active/tou.png" alt="" />
      <span>小王</span>
     <p>优当借书网由徐州万创网络科技有限公司主办，开展“网上借书，送书到家”。优当借书网由徐州万创网络科技.</p>
     <span class="time">2017-3-24-13:15</span>
  </li>
  <li>
      <img src="images/active/tou.png" alt="" />
      <span>小王</span>
     <p>优当借书网由徐州万创网络科技有限公司主办，开展“网上借书，送书到家”。优当借书网由徐州万创网络科技.</p>
     <span class="time">2017-3-24-13:15</span>
  </li>
</ul>
<!-- </div> -->

<div class="otherdis" id="moretalk">
    <span>查看更多讨论</span>
    <img src="images/active/dow.png" alt="" id="imone">
</div>
</div>
<!-- 编写的讨论提交 -->

<!-- 底部的logo图片 -->
<div class="botlogo">
  <img src="images/active/last.jpg" alt="">
</div>
<!-- 底部的两个选项 -->
<div class="bottom">
    <div class="baoming" id="baoming">
        <img src="images/active/baoming.png" alt="">
        <span>我要报名</span>
    </div>
    <div class="fenxiang">
        <img src="images/active/fenxiang.png" alt="">
        <span>分享活动</span>
    </div>
</div>
<!-- //////////// -->
<!-- 我要报名弹出框 -->
    <!-- 弹出页面开始 -->
<div id="back" class="district_cho" onclick="closeme()"></div> 
<div id="face"  class="district_cho">
  <form action="active.html">
    <div class="outan">
      <span class="sp1">取消</span>
      <span class="sp2">我要报名</span>
      <input type="submit" value="报名" class="sp3" style="border: none;background-color: #fff;" />
    </div>
    <input type="text" class="putone" maxlength="10" placeholder="姓名">
    <input type="text" class="putone" placeholder="联系电话">
    <input type="text" class="putone" placeholder=所在年级>
  </form>
</div>
 <!-- 弹出页面结束 -->
  <!-- <div class="discuss"></div> -->
</body>
</html>